/*
 * @Author: Luo jiaxing 
 * @Date: 2017-05-23 15:40:33 
 * @Last Modified by: cgd
 * @Last Modified time: 2017-11-01 14:17:19
 * 综合形式分析
 */
Ext.define('Admin.view.needWater.comSitAnalysis.ComSitAnalysis', {
    extend: 'Ext.container.Container',
    xtype: 'comSitAnalysis',
    requires: ['Admin.view.needWater.comSitAnalysis.ComSitAnalysisController'],
    controller: 'comSitAnalysisController',
    margin: 10,
    layout: {
        type: 'hbox',
        align: 'stretch'
    },
    items: [{
        flex: 3,
        xtype: 'panel',
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        items: [{
            // xtype: 'panel',
            // items: [{
            //     height: 40,
            //     xtype: 'segmentedbutton',
            //     // cls: 'x-box-item',
            //     dock: 'left',
            //     minWidth: 200,
            //     items: [{
            //         width: 100,
            //         text: '南城',
            //         pressed: true,
            //         listeners: {
            //             "click": 'changeType'
            //         }
            //     }, {
            //         width: 100,
            //         text: '洪门',
            //         listeners: {
            //             "click": 'changeType'
            //         }
            //     }, {
            //         width: 100,
            //         text: '娄家村',
            //         listeners: {
            //             "click": 'changeType'
            //         }
            //     }]
            // }]
        }, {
            flex: 1,
            layout: {
                type: 'vbox',
                align: 'stretch'
            },
            xtype: 'panel',
            items: [{
                flex: 1,
                xtype: 'panel',
                layout: {
                    type: 'hbox',
                    align: 'stretch'
                },
                items: [{
                    flex: 1,
                    // id: 'zhxsfxChart1',
                    xtype: 'panel',
                    listeners: {
                        resize: 'buildzhxsfxChart1'
                    }
                }, {
                    flex: 1,
                    // id: 'zhxsfxChart2',
                    xtype: 'panel',
                    listeners: {
                        resize: 'buildzhxsfxChart2'
                    }
                }]
            }, {
                flex: 1,
                layout: {
                    type: 'hbox',
                    align: 'stretch'
                },
                items: [{
                    flex: 1,
                    // id: 'zhxsfxChart3',
                    xtype: 'panel',
                    listeners: {
                        resize: 'buildzhxsfxChart3'
                    }
                }, {
                    flex: 1,
                    // id: 'zhxsfxChart4',
                    xtype: 'panel',
                    listeners: {
                        resize: 'buildzhxsfxChart4'
                    }
                }]
            }]
        }]
    }, {
        flex: 1,
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        margin: 5,
        cls: 'shadow',
        border: false,
        style: 'border: 1px solid #ccc',
        items: [{
            flex: 1,
            xtype: 'panel',
            title: '来水形势分析',
            bodyStyle: 'padding: 10px;',
            items: [{
                html: '<div class="com-sit-analysis-text">' +
                '<p>6月-9月预报来水量：394.12亿m³</p>' +
                '<p>6月-9月预报来水量：354.56亿m³</p>' +
                '<p class="com-sit-analysis-text-point">偏差：-39.58亿m³，-10%</p>' +
                '</div>'
            }]
        }, {
            flex: 1,
            xtype: 'panel',
            title: '供水形势分析',
            bodyStyle: 'padding: 10px;',
            items: [{
                html: '<div class="com-sit-analysis-text">' +
                '<p>6月-9月预报来水量：394.12亿m³</p>' +
                '<p>6月-9月预报来水量：354.56亿m³</p>' +
                '<p class="com-sit-analysis-text-point">偏差：-39.58亿m³，-10%</p>' +
                '</div>'
            }]
        }, {
            flex: 2,
            xtype: 'panel',
            title: '水库形势分析',
            bodyStyle: 'padding: 10px;',
            items: [{
                html: '<div class="com-sit-analysis-text">' +
                '<p style="font-weight: bold;">期末蓄水量：</p>' +
                '<p>9月预报来水量：394.12亿m³</p>' +
                '<p>9月预报来水量：354.56亿m³</p>' +
                '<p class="com-sit-analysis-text-point">偏差：-39.58亿m³，-10%</p><br/>' +
                '<p style="font-weight: bold;">下泄流量：</p>' +
                '<p>计划下泄水量：394.12亿m³</p>' +
                '<p>实际下泄水量：354.56亿m³</p>' +
                '<p class="com-sit-analysis-text-point">偏差：-39.58亿m³，-10%</p><br/>' +
                '</div>'
            }]
        }]
    }],
    listeners: {
        afterrender: 'init'
    }
})